@charset "utf-8";

.dnItem {
    margin-top: 15px;
    margin-left: 35px;
    width: 110px;
    float:left;
    color:#333;
}

.dnItemTexbox {
    margin-top: 15px;
    margin-left: 10px;
    width: 310px;
    height: 20px;
    float:left;
}

.dangNhapWrapper {
    border:thick;
    border-color:#00C;
    background:#BCDDED;
    width: 100%;
    height: 100%;
    font:Tahoma, Geneva, sans-serif;
    font-size:14px;
    text-align: left;
    z-index: 99999;
}

.dangNhapButton {
    margin-top: 25px;
    margin-left: 0px;
    width: 95px;
    height: 25px;
    float:left;
    font-size:12px;
}

.khoangTrang {
    float:left;
    margin-top: 5px;
    margin-left: 60px;
    width: 90px;
    height: 20px;
}

/*
#wrapper #body #body_main div #form1 #khungDn p {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
*/
#fade { /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .60;
    z-index: 9999;
}
.popup_block{
    display: none; /*hidden by default*/
    background: #fff;
    /*padding: 5px; */
    border: 10px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    /* CSS3 Box Shadows */
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    /*box-shadow: 0px 0px 20px #000;
    /* SS3 Rounded Corners */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    /*margin: -55px -55px 0 0;*/
    color: red;
}

/* css cho khung slideshow */
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:100%; height:300px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:360px; height:300px; padding-right:10px}

.pagination5 {position:absolute; top:283px; right:28px; list-style:none; height:25px}
.pagination5 li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination5 li:hover, li.current {background:#fff}

.pagination {float:left; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}
/* ket thuc css cho khung slideshow */

#sliderSP {float:left; position:relative; overflow:auto; height:585px; width:100%; border:2px solid #fff; background:#fff}
#sliderSP ul {position:absolute; list-style:none; top:0; left:0}
#sliderSP li {float:left;}
#container {position:relative; background:#fff; height:405px; border-right:1px solid #ccc; border-bottom:1px solid #ccc}

/* css cho slider hinh san pham */

#slidehinhsp {list-style:none; color:#fff}
#slidehinhsp span {display:none}
#wrapper2 {width:306px; margin:50px auto; display:none}
#wrapper2 * {margin:0; padding:0}
#fullsize {position:relative; width:300px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); display: none}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:0px}
#image img {position:absolute; z-index:25; width:99%; height: 99%;}
.imgnav {position:absolute; width:25%; height:206px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:256px; margin-left:5px; height:81px; overflow:hidden}
#slidertemp {position:absolute; left:0; height:81px}
#slidertemp img {cursor:pointer; border:1px solid #666; padding:2px}

.pagination99 {position:absolute;float:left; list-style:none; top: 400px; left: 25px}
.pagination99 li {float:left; cursor:pointer; padding:5px 8px; background:#ccc; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination99 li:hover {background:#BCDDED; border:1px solid #bbb; color:#000}
#slides {list-style: none}
li.hienhanh {border:1px solid #ccc; background:#BCDDED}


.dausao{
    color: red;
}

.item:hover{
    background-color:#BCDDED;
}